<script lang="ts" setup>
import hotandTopic from '@/components/topic/hotand-topic.vue'
import forumPublisher from '@/components/forum-publisher.vue'
import { ref } from 'vue'

const userTopicData = ref([
  { id: 5, avatar: '/static/user/user.jpg', title: '#毕业季', quantity: 892 }
])
</script>

<template>
  <view class="details">
    <!-- 话题 -->
    <hotandTopic :topicData="userTopicData" />
    <!-- 相关内容 -->
    <h1 class="details-h1">帖子 (50)</h1>
    <forumPublisher/>
  </view>
</template>

<style lang="scss" scoped>
.details {
  &-h1 {
    font-weight: 700;
    font-size: 35rpx;
  }
}
</style>